<html>
<head>
</head>
<body>
<wicket:panel>
							<div>
                            	<div class="cp-itemL1Cont clearfix">
                            	
                            		<!-- change semester form -->
                                	<div wicket:id="semChangeForm" style="padding:5px;float:left;">
                                    	<form wicket:id="csf">
                                    	<span style="background-color:#DEDDEF; padding: 2px 5px;display:block;"><strong>Change Semester</strong></span>
                                        <div style="border:1px solid #DEDDEF; width:400px; padding:5px;"><!-- Change semester block -->
                                        	<div  class="clearfix">
                                                <table class="cp-pairedList">
                                                    <tr>
                                                        <td class="label">Current Semester</td>
                                                        <td class="value"><span wicket:id="currSem">Autumn, 2010</span> (Started on <span>Jul 13, 2010</span>)</td>                                          		
                                                    </tr>
                                                    <tr>
                                                        <td class="label">Next Semester</td>
                                                        <td class="value"><span wicket:id="nextSem">Spring, 2010</span></td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div style="float:right;">
                                                <button id="chSemSubm" class="es-button ui-state-default ui-corner-all">Change Semester to <span wicket:id="nextSemBut">Spring, 2010</span></button>
                                            </div>
                                            <div wicket:id="warnUser" title="Confirm semester change?">
                                            	<p> You are about to change semester from <strong><span wicket:id="dlgCurrSem">Autumn, 2010</span></strong> 
                                            	to <strong><span wicket:id="dlgNextSem">Spring, 2010</span></strong>. This change is irreversible.</p>
                                            	<p>Click OK to confirm. Click Cancel to cancel this action.</p>
                                            </div>
                                            <div style="clear:both;"></div>
                                        </div>
                                        </form>
                                        <div>
                                        	<p>
                                        		<a href="#" wicket:id="rnCoursesLnk" style="font-size:13px; text-decoration:underline;">&nbsp;View Currently Running Courses&nbsp;</a>
                                        	</p>
                                        </div>
                                    </div>
                                    
                                    <!-- Elective allotment phase -->
                                    <div wicket:id="goToAllotElective" style="padding:10px 5px;float:left;width:400px;">
                                    	<div><h4>Current Semester: <span wicket:id="acsem">Autumn, 2010</span></h4></div>
                                    	<div style="padding:10px 0px;">
                                    		<a class="extLink" href="#" wicket:id="eallot2" style="font-size: 13px; text-decoration: underline;">Allot Electives for This Semester</a>
                                    	</div>
                                    	<div class="es-warn es-text" style="font-size:12px;">
                                    		<p><strong>Note: </strong> You cannot change semester without allotting pending optional courses to the students for this semester.</p>
                                    		<p>To allot courses, you need to go to <a href="#" wicket:id="eallot1" class="extLink">Elective Allotment page</a>. Once allotment is done, you can come back to this page and change semester.</p>
                                    	</div>
                                    </div>
                                    
                                    <!-- Semester is changin zone -->
                                    <div wicket:id="semChangePending" class="es-warn es-text" style="padding:10px 5px;float:left;width:400px;">
                                    		The semester change will be scheduled for midnight today. Immediately after the semester is changed, students can choose their electives, if present. The mandatory courses will be alloted to them automatically.
                                    </div>
                                    
                                    <!-- Alloting course zone -->
                                    <div wicket:id="eleAllotPending" class="es-warn es-text" style="padding:10px 5px;float:left;width:400px;">
                                    	The course choices made by all students have been locked. Final course allotments will be made offline at midnight today.
                                    </div>
                                    
                                    <!-- right rail -->
                                    <div style="float:left; padding-left:10px; width: 280px; border-left:1px dashed #0100FB; margin:10px">
                                    	<div padding:left:10px>
                                        	<h4>Warning!</h4>
                                            <p>Please note that semester change will close all currently running courses across all departments. It will also allot appropriate subjects to students for their next semester and will ask them to fill their preference for optional / elective courses.</p>
                                            <p>Semester change does not occur immediately. It happens at the midnight of the day when semester change was clicked.</p>
                                            <p style="color:red; font-weight:bold">Semester change is an irreversible process, so take action responsibly.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
</wicket:panel>
</body>
</html>